<div id="partidos">

	<table class="table table-bordered table-striped table-hover table-responsive" id="contenedorPartidas">
		<th>Fecha</th>
		<th>Creador Partida</th>
		<th>Participantes</th>
		<th>Dificultad</th>
		<th>Tema</th>
	</table>

</div>

<script>
var idJuego;
// El one sirve para llamarlo solo una vez
$(document).one("ajaxComplete",recuperarPartidos);

function recuperarPartidos(){
	 
	//Recuperar la lista de juegos de la base de datos
	var urlPartidos = "../dispatcher/plataforma/partidasEnCurso?idUsuario=" + idUsuario + "&idJuego=" + idJuego;
	
	$.getJSON(urlPartidos, function(datos){
		//$("#partidos tr").remove();
		
		$.each(datos, function(i, item){
			$("#contenedorPartidas").append('<tr id="' + item.partidaId + '"> '
					+ '<td>' + item.fecha +'</td>'
					+ '<td>' + item.apodo + '</td>'
					+ '<td>' + item.participantes + '</td>'
					+ '<td>' + item.labelDificultad + '</td>'
					+ '<td>' + item.labelTema + '</td>'
					+ '</tr>')
			
		});
	});
};

$("#partidos").on("click", "tr", function() {
	idPartida = this.id;
    /*Llamo al metodo para recuperar la asignatura y la dificultad de la partida seleccionada y cargo el juego*/
    
    $('#instrucciones' ).load('juego/variosJugadores.html');
});

</script>
